<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
    <style>
        body {
            font-family: "Microsoft YaHei", sans-serif;
        }
        h2 {
            text-align: center;
        }
        table {
            margin: 0 auto;
            border-collapse: collapse;
            width: 600px;
        }
        td {
            border: 1px solid #ccc;
            padding: 8px;
        }
        strong {
            display: block;
            padding: 5px 0;
        }
        input[type="text"],
        input[type="password"],
        select,
        textarea {
            width: 100%;
            padding: 6px;
            box-sizing: border-box;
            border: 1px solid #ccc;
        }
        textarea {
            height: 100px;
        }
        input[type="submit"],
        input[type="reset"],
        input[type="button"] {
            padding: 6px 12px;
            margin: 0 5px;
        }
    </style>
</head>
<body>
<h2>用户注册</h2>
<form action="#" method="post">
    <table>
        <!-- 身份验证 - 必填信息 -->
        <tr>
            <td colspan="2"><strong>身份验证-必填信息</strong></td>
        </tr>
        <tr>
            <td>用户名</td>
            <td><input type="text" name="username"></td>
        </tr>
        <tr>
            <td>密 码</td>
            <td><input type="password" name="password"></td>
        </tr>
        <tr>
            <td>密码确认</td>
            <td><input type="password" name="passwordConfirm"></td>
        </tr>
        <!-- 身份信息 - 选填信息 -->
        <tr>
            <td colspan="2"><strong>身份信息-选填信息</strong></td>
        </tr>
        <tr>
            <td>所在城市</td>
            <td><input type="text" name="city"></td>
        </tr>
        <tr>
            <td>工作单位</td>
            <td><input type="text" name="company"></td>
        </tr>
        <tr>
            <td>家庭住址</td>
            <td><input type="text" name="address"></td>
        </tr>
        <!-- 其他个人信息 -->
        <tr>
            <td colspan="2"><strong>其他个人信息</strong></td>
        </tr>
        <tr>
            <td>性别</td>
            <td>
                <select name="gender">
                    <option value="boy">男孩</option>
                    <option value="girl">女孩</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>爱好</td>
            <td>
                <input type="checkbox" name="hobby" value="music">音乐
                <input type="checkbox" name="hobby" value="sports">体育
                <input type="checkbox" name="hobby" value="computer" checked>计算机
            </td>
        </tr>
        <tr>
            <td>喜欢的公司</td>
            <td>
                <input type="radio" name="favCompany" value="baidu">百度
                <input type="radio" name="favCompany" value="microsoft">微软中国
                <input type="radio" name="favCompany" value="google">谷歌中国
            </td>
        </tr>
        <tr>
            <td>个人简介</td>
            <td><textarea name="intro" rows="5" cols="30"></textarea></td>
        </tr>
        <tr align="center">
            <td colspan="2">
                <input type="submit" value="提交您的资料">
                <input type="reset" value="重新填写资料">
                <input type="button" value="无效按钮" disabled>
            </td>
        </tr>
    </table>
</form>
</body>
</html>